<!DOCTYPE html>
<html>
  
  <head data-gwd-animation-mode="proMode">
    <title>tests</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="generator" content="Google Web Designer 1.0.0.924">
    <style type="text/css">
      html, body {
        width: 100%;
        height: 100%;
        margin: 0px;
      }
      body {
        background-color: transparent;
        -webkit-transform: perspective(1400px) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -webkit-transform-style: preserve-3d;
      }
      .gwd-button-o889 {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20, 161, 0, 1);
        -webkit-transform-style: preserve-3d;
      }
      .gwd-button-rk28 {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -646, 401, 0, 1);
        -webkit-transform-style: preserve-3d;
      }
      .gwd-button-dnr5 {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -364, 352, 0, 1);
        -webkit-transform-style: preserve-3d;
      }
      .gwd-div-pg6l {
        position: absolute;
        font-family:'Times New Roman';
        text-align: left;
        color: rgb(0, 0, 0);
        -webkit-transform-origin: 544.5px 45px 0px;
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        left: 343px;
        top: 158.9px;
        width: 650px;
        height: 111px;
      }
      .gwd-span-hngl {
        font-size: 32px;
      }
      .gwd-div-izl0 {
        border: 2px solid rgb(0, 166, 255);
        padding: 4px;
        -webkit-transform-origin: 318.6739327884px 230.441025641px 0px;
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
      }
      .gwd-button-212r {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -170, 306, 0, 1);
        -webkit-transform-style: preserve-3d;
      }
      .gwd-img-m1zf {
        position: absolute;
        width: 188px;
        height: 100px;
        left: 835.5px;
        top: 6px;
      }
      .gwd-img-4huw {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 115px;
        height: 100px;
      }
      .gwd-img-y8v4 {
        position: absolute;
        width: 162px;
        height: 48px;
        left: 162px;
        top: 6px;
      }
      .gwd-img-38v5 {
        position: absolute;
        width: 146px;
        height: 48px;
        left: 407.50000000000136px;
        top: 8px;
      }
      .gwd-img-1vtx {
        position: absolute;
        -webkit-transform-origin: 372px 32px 0px;
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        width: 164px;
        height: 48px;
        left: 636px;
        top: 6px;
      }
      .gwd-div-gw7n {
        position: absolute;
        font-family:'Times New Roman';
        text-align: left;
        font-size: 14px;
        width: 715.4px;
        height: 82px;
        -webkit-transform-origin: 357.5px 41px 0px;
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        left: 121px;
        top: 33px;
      }
      .gwd-p-bafa {
        widows: 0;
        orphans: 0;
        text-align: center;
      }
      .gwd-span-deit {
        font-size: 32px;
      }
      .gwd-span-inkq {
        font-size: 32px;
      }
      .gwd-span-wvx4 {
        font-size: 32px;
      }
      .gwd-span-z1i2 {
        font-size: 32px;
      }
      .gwd-span-n749 {
        font-size: 32px;
      }
      .gwd-span-d70e {
        font-size: 32px;
      }
      .gwd-div-7bxt {
        position: absolute;
        font-family:'Times New Roman';
        text-align: left;
        color: rgb(0, 0, 0);
        font-size: 24px;
        width: 126px;
        height: 32px;
        -webkit-transform-origin: 63px 64px 0px;
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        left: 21.749999999999773px;
        top: 127.10000000000014px;
      }
      .gwd-button-2dhc {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 354, 93, 0, 1);
        -webkit-transform-style: preserve-3d;
      }
      .gwd-canvas-vak0 {
        position: absolute;
        -webkit-transform-style: preserve-3d;
        width: 1024px;
        height: 338px;
        -webkit-transform-origin: 512px 169px 0px;
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        left: 0px;
        top: 115px;
      }
      .gwd-div-g3bm {
        position: absolute;
        left: 115px;
        top: 211px;
        font-family:'Times New Roman';
        text-align: left;
        color: rgb(0, 0, 0);
      }
      .gwd-h1-sf0v {
        text-align: center;
      }
      .gwd-div-c7st {
        position: absolute;
        left: 134px;
        top: 143px;
        font-family:'Times New Roman';
        text-align: left;
        color: rgb(0, 0, 0);
      }
      .gwd-div-2oed {
        -webkit-transform-style: preserve-3d;
        color: rgb(0, 0, 0);
        left: 135.44999999999993px;
        height: 32px;
        -webkit-transform-origin: 104px 64px 0px;
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        width: 200px;
        top: 127.10000000000014px;
      }
      .gwd-div-7rgv {
        top: 127.10000000000014px;
        width: 112.1px;
        height: 32px;
        -webkit-transform-origin: 56.05px 64px 0px;
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        left: 18px;
      }
    </style>
    <script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script>
    <script type="text/javascript">
      var urlGen = "http://gapai.univ-paris8.fr/generateur/services/api.php?oeu=6";
        function load(idDiv, idCpt) {
            d3.text(urlGen+"&cpt="+idCpt, function(fragment) {
                d3.select("#"+idDiv).html(fragment);
            });
        }
    </script>
    <script type="text/x-serialization" data-gwd-canvas="serialization">
      {"useCanvas":1,"useWebGl":0,"data":["{\"version\":0.1,\"id\":\"4imtnvgs\",\"fov\":45,\"zNear\":0.1,\"zFar\":100,\"viewDist\":5,\"webGL\":false,\"lightAmount\":0.3,\"children\":[{\"type\":1,\"xoff\":0,\"yoff\":0,\"strokeWidth\":1,\"strokeColor\":[0,0,0,1],\"fillColor\":[0.792156862745098,0.9137254901960784,0.9333333333333333,1],\"tlRadius\":0,\"trRadius\":0,\"blRadius\":0,\"brRadius\":0,\"width\":1024,\"height\":338,\"strokeStyle\":\"Solid\",\"strokeMat\":null,\"fillMat\":null}]}"]}
    </script>
    <script data-gwd-canvas="runtime" type="text/javascript">
      // Copyright 2013 Google Inc. All Rights Reserved.
      (function(){var t=function(c,a){this.c=void 0!==c?c:0;this.d=void 0!==a?a:0};t.prototype.ceil=function(){this.c=Math.ceil(this.c);this.d=Math.ceil(this.d);return this};t.prototype.floor=function(){this.c=Math.floor(this.c);this.d=Math.floor(this.d);return this};window.addEventListener("load",function(){window.removeEventListener("load",x,!1);x()},!1);
      var x=function(){for(var c,a,h=[],d=document.querySelectorAll('[type="text/x-serialization"][data-gwd-canvas="serialization"]'),m=d.length,g=0;g<m;g++)h.push(JSON.parse(d[g].textContent));d=h.length;for(m=0;m<d;m++)for(var g=h[m].data,n=document.body,f=g.length,r=0;r<f;r++){var b=JSON.parse(g[r]);if(b.children&&1===b.children.length&&(c=b.id)&&(c=n.querySelector("canvas[data-RDGE-id='"+c+"']"))){a=c;var e=b.children[0],b=a.getContext("2d");c=a.width;a=a.height;switch(e.type){case 1:var k=e.strokeWidth;
      b.beginPath();var p=Math.ceil(k)-0.5;e.fillColor&&(b.fillStyle=y(b,e.fillColor,c,a,k,p),b.lineWidth=k,B(e,p,b,c,a),b.fill(),b.closePath());b.beginPath();p=Math.ceil(0.5*k)-0.5;e.strokeColor&&(b.strokeStyle=y(b,e.strokeColor,c,a,k,0),b.lineWidth=k,B(e,p,b,c,a),b.stroke(),b.closePath());break;case 2:var k=e.strokeWidth,p=e.innerRadius,s=e.strokeColor,e=e.fillColor,l=0.5*(c-k),q=0.5*(a-k),u=0.5*(p*c-k),D=0.5*(p*a-k),v=0.5*c,w=0.5*a,z=null!=e,A=null!=s&&0<k;z&&(b.fillStyle=y(b,e,c,a,k,k));A&&(b.strokeStyle=
      y(b,s,c,a,k,k),b.lineWidth=k);0===p?(C(b,v,w,l,q,!0,!0),z&&b.fill(),A&&b.stroke()):(z&&(C(b,v,w,l,q,!0,!0),C(b,v,w,u,D,!1,!1),b.fill()),A&&(C(b,v,w,l,q,!0,!0),b.stroke(),C(b,v,w,u,D,!1,!0),b.stroke()));break;case 3:l=e.strokeColor;k=e.slope;p=e.xAdj;s=e.yAdj;b.beginPath();b.lineWidth=e.strokeWidth;if(l){b.strokeStyle=y(b,l,c,a,0,0);l=[];e=[];switch(k){case "vertical":l=[0.5*c,0];e=[0.5*c,a];break;case "horizontal":l=[0,0.5*a];e=[c,0.5*a];break;default:0<k?(l=[p,s],e=[c-p,a-s]):(l=[p,a-s],e=[c-p,s])}c=
      new t(l[0],l[1]);a=new t(e[0],e[1]);b.moveTo(c.c,c.d);b.lineTo(a.c,a.d);b.stroke()}break;case 5:b.save();k=null!=e.fillColor;p=null!=e.strokeColor&&0<e.strokeWidth;b.lineCap="round";b.lineJoin="round";s=e.anchors.length;q=l=null;if(1<s){b.beginPath();l=e.anchors[0];b.moveTo(l[1][0],l[1][1]);for(u=1;u<s;u++)q=e.anchors[u],b.bezierCurveTo(l[2][0],l[2][1],q[0][0],q[0][1],q[1][0],q[1][1]),l=q;e.isClosed&&(q=e.anchors[0],b.bezierCurveTo(l[2][0],l[2][1],q[0][0],q[0][1],q[1][0],q[1][1]));k&&(b.fillStyle=
      y(b,e.fillColor,c,a,e.strokeWidth,0),b.fill());p&&(b.lineWidth=e.strokeWidth,b.strokeStyle=y(b,e.strokeColor,c,a,e.strokeWidth,0),b.stroke())}b.restore()}}}},y=function(c,a,h,d,m,g){if(a.gradientMode){var n=0.5*h,f=0.5*d;c="radial"==a.gradientMode?c.createRadialGradient(n,f,0,n,f,Math.max(h-2*m,d-2*m)/2):c.createLinearGradient(g,f,h-g,f);a=a.color;h=a.length;for(d=0;d<h;d++)m=a[d].value,c.addColorStop(a[d].position/100,"rgba("+m.r+","+m.g+","+m.b+","+m.a+")");return c}return"rgba("+Math.floor(255*
      a[0])+","+Math.floor(255*a[1])+","+Math.floor(255*a[2])+","+a[3]+")"},B=function(c,a,h,d,m){var g=0.5*d,n=0.5*m,f=[a,a],r=c.tlRadius,b=c.trRadius,e=c.blRadius;c=c.brRadius;g=g<n?g:n;r>g&&(r=g);e>g&&(e=g);c>g&&(c=g);b>g&&(b=g);g=d-a;n=m-a;0>=r&&0>=e&&0>=c&&0>=b?h.rect(f[0],f[1],d-2*a,m-2*a):(d=r-a,0>d&&(d=0),f[1]+=d,0.001>Math.abs(d)&&(f[1]=a),h.moveTo(f[0],f[1]),f=[a,n],d=e-a,0>d&&(d=0),f[1]-=d,h.lineTo(f[0],f[1]),0.001<d&&h.arcTo(a,n,a+d,n,e-a),f=[g,n],d=c-a,0>d&&(d=0),f[0]-=d,h.lineTo(f[0],f[1]),
      0.001<d&&h.arcTo(g,n,g,n-d,c-a),f=[g,a],d=b-a,0>d&&(d=0),f[1]+=d,h.lineTo(f[0],f[1]),0.001<d&&h.arcTo(g,a,g-d,a,b-a),f=[a,a],d=r-a,0>d&&(d=0),f[0]+=d,h.lineTo(f[0],f[1]),0.001<d?h.arcTo(a,a,a,a+d,r-a):h.lineTo(a,2*a))},C=function(c,a,h,d,m,g,n){c.save();n&&c.beginPath();c.translate(a,h);c.scale(d,m);c.arc(0,0,1,0,2*Math.PI,g);c.restore()};})();
    </script>
  </head>
  
  <body>
    <canvas data-rdge-id="4imtnvgs" width="1024" height="338" class="gwd-canvas-vak0"></canvas>
    <br>
    <button type="button" class="gwd-button-o889 gwd-button-2dhc" onclick="load('resultGen',157818)">Génère un proverbe en arabe</button>
    <button type="button" class="gwd-button-o889 gwd-button-212r" onclick="load('resultGen',157823)">Génère un superlatif en arabe</button>
    <button type="button" class="gwd-button-dnr5" onclick="load('resultGen',157819)">Génère un proverbe en français : A chaque...</button>
    <button type="button" class="gwd-button-rk28" onclick="load('resultGen',157820)">Génère un proverbe en français : La fin...</button>
    <img class="gwd-img-4huw" src="http://localhost/jardindesconnaissances/public/img/logoArtsH2H.png">
    <img class="gwd-img-m1zf" src="http://localhost/jardindesconnaissances/public/img/logoGapaii.png" alt="logo gapaï">
    <img class="gwd-img-38v5" src="http://localhost/jardindesconnaissances/public/img/logoUMR7023.png">
    <img class="gwd-img-1vtx" src="http://localhost/jardindesconnaissances/public/img/logoDIPRALANG.png">
    <div class="gwd-div-pg6l gwd-div-izl0"><span id="resultGen" class="gwd-span-hngl"></span>

    </div>
    <img class="gwd-img-y8v4" src="http://localhost/jardindesconnaissances/public/img/logo_paragraphe.gif">
    <div class="gwd-div-gw7n">
       <h1 class="gwd-h1-sf0v"><font size="64"><strong>Evaluations Proverbiales</strong></font></h1>

    </div>
    <div class="gwd-div-7bxt gwd-div-7rgv">Utilisateur :</div>
    <div class="gwd-div-7bxt gwd-div-2oed">luckysemiosis</div>
    <div class="gwd-div-g3bm"></div>
    <div class="gwd-div-c7st"></div>
  </body>

</html>